<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="scatter" style="height: 400px"></div>
	<script src="echarts4.js"></script>
	<script>
        //light  dark 无效
		var myChart=echarts.init(document.querySelector('#scatter'),'dark');
     // var option={
     // 	series:{
     // 		type:'scatter',
     // 		itemStyle:{
     // 			color:'red'
     // 		},
     // 		label:{
     // 			show:true,
     // 			formatter:'this is a normal label'
     // 		},
     // 		emphasis:{
     // 			itemStyle:{
     // 				color:'blue'
     // 			},
     // 			label:{
     // 				show:true,
     // 				formatter:'this is a emphasis label'
     // 			}
     // 		}//四的写法
     // 	}
     // }
     	var option={
     		series:{
     			type:'scatter',
     			symbolSize:20,
     			itemStyle:{
     				normal:{
     					color:'red'
     				},
     				emphasis:{
     					color:'blue'
     				}
     			},
     			label:{
     				normal:{
     					show:true,
     					formatter:'normal label'
     				},
     				emphasis:{
     					show:true,
     					formatter:'emphasis label'
     				}
     			},
     			data: [
     			{
		            value:[10.0, 8.04],
		            itemStyle:{
		            	color:'blue'
		            }
     			}
		            [8.0, 6.95],
		            [13.0, 7.58],
		            [9.0, 8.81],
		            [11.0, 8.33],
		            [14.0, 9.96],
		            [6.0, 7.24],
		            [4.0, 4.26],
		            [12.0, 10.84],
		            [7.0, 4.82],
		            [5.0, 5.68]
		        ]
     		},
     		xAxis:{},
     		yAxis:{}
     	}
        myChart.setOption(option)
	</script>
</body>
</html>